<template>
    <div>
      <van-nav-bar title="平台保障服务" left-arrow @click-left="onClickLeft"/>
<!--      <van-image width="25.88rem" height="16rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />-->
      <div v-for="item in baozhang">


      <div style="text-align: left; margin-left: 0.8rem;margin-right: 0.8rem;margin-top:0.5rem; border-bottom:0.15rem solid #F2F2F2; ">
        <label style="font-size: 18px;" for="">{{item.biaoti}}</label>
        <div style="margin-top:0.5rem;">
          <label class="service">{{item.biaoqianyi}}</label>
          <label class="service">{{item.biaoqianer}}</label>
        </div>
        <div>
          <div v-html="item.nierong"></div>
        </div>
<!--        <div class="price">-->
<!--          <label style="font-size: 20px" for="">{{item.qian}}</label>-->
<!--          <label for="">元起</label>-->
<!--        </div>-->
<!--        <van-button @click="xiangqing(item.nierong)" style="margin-top:0.5rem;width: 7.25rem;height: 2.44rem;background-color: #286a66" round type="info">了解详情</van-button>-->
<!--        <van-dialog v-model="show" :title="item.biaoti" show-cancel-button>-->
<!--          {{shu}}-->
<!--        </van-dialog>-->
      </div>
      </div>

    </div>
</template>

<script>
  import { baozhanglist } from "@/api/safeguard";

  export default {
        name: "my_security",
    data(){
          return{
            show: false,
            baozhang:[],
            shu:Object
          }
    },
    //页面渲染前加载
    created(){
          this.getList();
    },
      methods: {

        xiangqing(nierong){
          // alert(nierong)
          this.shu = nierong;
          this.show=true;
        },

        getList(){
          baozhanglist().then(res=>{
            this.baozhang = res.data.rows;
          })
        },


        onClickLeft() {
          // Toast('返回');
          //返回上一级页面
          this.$router.go(-1)
        },
      },
    }
</script>

<style scoped>
  .service{
    font-size: 12px;
    margin-left: 0.25rem;
    width: 6.25rem;
    height: 1.25rem;
    background-color:#D1EDEB;
    color: #377672;
  }
  .price{
    margin-top: 0.5rem;
    color: #ed6549;
  }

</style>
